$(function () {
    shopCar();
})

/**
 * 购物车处理函数
 */
function shopCar() {
    btnClick();
    getTotal();
}

/**
 * 处理item的按钮点击事件
 */
function btnClick() {
    var $pro = $('.pro-js .pro-item');
    $pro.click(function (e) {
        // 判断是否被选中
        if ($(this).hasClass('active')) {
            if ($(e.target).hasClass('add')) {
                // 添加处理事件
                var num = $(this).children('.pro-right').children('.more').children('.input').children('.num').html();
                num++;
                $(this).children('.pro-right').children('.more').children('.input').children('.num').html(num)
            } else if ($(e.target).hasClass('subtract')) {
                // 减少处理事件
                var num = $(this).children('.pro-right').children('.more').children('.input').children('.num').html();
                if (num <= 1) {
                    num = 1;
                } else {
                    num--
                }
                $(this).children('.pro-right').children('.more').children('.input').children('.num').html(num)
            } else if ($(e.target).hasClass('delete')) {
                // 删除处理事件
                $(this).remove();
            } else {
                $(this).removeClass('active');
            }
        } else {
            // 未被选中，调用
            $(this).addClass('active')
        }
        getTotal();
    })
}

/**
 * 实时计算函数
 */
function getTotal() {
    var sum = 0;
    // 遍历获取元素
    $.each($('.pro-js .pro-item'), function (i, v) {
        var itemSum = 0;
        var price = 0;
        var num = 0;
        console.log()
        if ($(v).hasClass('active')) {
            price = parseInt($(v).children('.pro-right').children('.more').children('.price').children().html());
            num = parseInt($(v).children('.pro-right').children('.more').children('.input').children('.num').html())
        }
        itemSum = num * price;
        sum += itemSum;
    })
    $('.account-total').html("￥" + sum)
}